<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<title>站点信息</title>
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/font.css">
		<link rel="stylesheet" type="text/css" href="css/madieer.css">
		<script type="text/javascript" src="js/w_rem.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/vue@3.2.37.js" charset="utf-8"></script>
		<script type="text/javascript" src="js/swiper.min.js"></script>
		<script type="text/javascript" src="js/swiper.animate1.0.3.min.js"></script>
		<script type="text/javascript" src="js/wow.js"></script>
		<script type="text/javascript" src="js/jzt_common.js"></script>
		<script type="text/javascript" src="js/madieer.js"></script>
	</head>
	<body>
		<div id="site-app" v-cloak>
			<header-app></header-app>
			<div class="ban1-a1"> </div>
			<!-- 马迭尔品牌 -->
			<div class="ind3-a1">
				<div class="t1-a1">
					<div class="t1-a2 i100 wow fadeInUp" data-wow-delay="0.3s"><img
							src="https://oss.lcweb01.cn/jzt/0971a11acea011ea9d6bfa163ea50a57/image/20220727/5d9ecea45467d2718d71ff37f12d7df1.jpg">
					</div>
					<div class="t1-a3 wow fadeInUp" data-wow-delay="0.4s">{{ siteInfo.company_title }}</div>
					<div class="t1-a4 wow fadeInUp" data-wow-delay="0.5s">历经百年 传承久远</div>
				</div>
				<div class="ind3-a2 wow fadeInUp" data-wow-delay="0.3s">
					{{ siteInfo.company_desc }}
				</div>
			</div>
			<!-- 联系方式 -->
			<div class="au-a1">
				<div class="au-a1-box clear">
				 <div class="au-a1-list wow fadeInUp animated" data-wow-delay="0.3s" data-wow-duration="1.5s"
						style="visibility: visible; animation-duration: 1.5s; animation-delay: 0.3s; animation-name: fadeInUp;">
						<div class="au-a1-list-box">
							<img src="https://oss.lcweb01.cn/jzt/0971a11acea011ea9d6bfa163ea50a57/image/20220727/32b5bbce19342e66d10cea0a390a4c01.jpg" alt="">
							<h1>服务</h1>
							<p>全国客服专线</p>
							<span>{{ siteInfo.company_phone }}</span>
							<p>邮箱：{{ siteInfo.company_email }}</p>
							<p>备案号：{{ siteInfo.company_keep }}</p>
						</div>
					</div>
					<div class="au-a1-list wow fadeInUp animated" data-wow-delay="0.4s" data-wow-duration="1.5s"
						style="visibility: visible; animation-duration: 1.5s; animation-delay: 0.4s; animation-name: fadeInUp;">
						<div class="au-a1-list-box">
							<img src="https://oss.lcweb01.cn/jzt/0971a11acea011ea9d6bfa163ea50a57/image/20220727/cbc2cd7a05b1961fdbda73a1c229d828.jpg" alt="">
							<h1>地址</h1>
							<p>{{ siteInfo.company_address }} </p>
						</div>
					</div>
					<div class="au-a1-list wow fadeInUp animated" data-wow-delay="0.5s" data-wow-duration="1.5s"
						style="visibility: visible; animation-duration: 1.5s; animation-delay: 0.5s; animation-name: fadeInUp; background-color: #f9f9f9;">
						<div class="au-a1-list-box">
							<p style="margin: 0px auto 0;">pc logo</p>
							<div class="au-a1-list-img clear" style="margin: 0;">
								<img :src="siteInfo.pc_logo" alt="">
							</div>
							<p style="margin: 30px auto 0;">手机 logo</p>
							<div class="au-a1-list-img clear" style="margin: 0;">
								<img :src="siteInfo.phone_logo" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="components/headerApp.js" type="text/javascript" charset="utf-8"></script>
		<script>
			Vue.createApp({
				setup() {
					let siteInfo = Vue.ref({}) // 站点信息
					// 获取站点信息
					const getSite = () => {
						requestData('site', null, function(data) {
							console.log(data);
							siteInfo.value = data
							changeWebInfo(data)  // 动态修改网页标题等信息
						})
					}
					Vue.onBeforeMount(() => {})
					// DOM挂载完毕
					Vue.onMounted(() => {
						getSite()
					})
					return {
						siteInfo
					}
				}
			}).component(
				// 注册的名字
				'HeaderApp',
				// 组件的实现
				headerApp).mount('#site-app')
		</script>
	</body>
</html>
